<template>
        <div class="content">
            <myheader></myheader>
        <el-tabs v-model="activeName" tab-position="top">
			<el-tab-pane label="东巴文检索" name="first">
             <searchDetail></searchDetail> 
			</el-tab-pane>
			<el-tab-pane label="东巴文标注" name="second">
				<labelDetail></labelDetail>
            </el-tab-pane>
		</el-tabs>
    </div>
</template>

<script>
import myheader from '@/components/myHeader.vue'
import searchDetail from '@/components/searchDetail.vue'
import labelDetail from '@/components/labelDetail.vue'

export default {
        name:'home',
        data(){
            return {
                activeName: 'first',
            }
        },
        components: {
            searchDetail,
            labelDetail,
            myheader
        }
}
</script>

<style lang="scss" scoped>
* {
    margin: 0;
    padding: 0;
}
    .content {
        margin: 0px 70px;
        border: 1px solid #999;
    }
</style>